<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./libs/boot.css">
  <link rel="stylesheet" href="./css/product.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
  <div class="htop">
    <div class="fish">
        <span>回头鱼商城欢迎您！</span>
    </div>
  <span class="right">
    <a href="">我的订单</a>
    <div class="rightD">
      <a href="../personage.html" class="sc">个人中心</a>
      <div class="sale">
        <a href="">优惠券</a>
        <a href="">评价晒单</a>
        <a href="">商品收藏</a>
        <a href="">收货地址</a>
      </div>
    </div>
    <a href="">在线客服</a>
    <span>客服热线：</span>
    <span class="tel">400-6699-840</span>
  </span>
</div>
  <div class="content">
    <!-- 商品详情 -->
    <div class="conter">
      <div class="pict">
        <!-- 正常图片盒子 -->
        <div class="s_box">
          <img src="./images/merchandise.jpg" alt="">
          <span></span>
        </div>
        <!-- 放大镜图片盒子 -->
        <div class="b_box">
          <img src="./images/merchandise.jpg" alt="">
        </div>
        <!-- 分页部分 -->
        <!-- 点击d1切换上面的大图 -->
        <div class="p2">
          <span class="sle"><</span>
            <div class="d1 active">
              <img src="./images/merchandise.jpg" alt="">
            </div>
            <div class="d1">
              <img src="./images/ahc.jpg" alt="">
            </div>
            <div class="d1">
              <img src="./images/black.jpg" alt="">
            </div>
            <div class="d1">
              <img src="./images/Kiehl's.jpg" alt="">
            </div>
            <div class="d1">
              <img src="./images/Kiehl.jpg" alt="">
            </div>
            <span class="spr">></span>
        </div>
        <div class="p3">
          <div class="mark1">
            <span>商品货号</span>
            <span>1234</span>
          </div>
          <div class="share">
            <a href=""><img src="./images/s.png" alt="">分享</a>
            <a href="" class="share1"><img src="./images/collect.png" alt="">收藏(0)</a>
          </div>
        </div>
      </div>
      <!-- 商品介绍 -->
      <div class="introduce">
        <div class="id">
          <span class="id1">自营</span>
          <span class="id2">美国Estee Lauder雅诗兰黛鲜活亮采红石榴晚霜50ml</span>
          <p>化妆品不能替代药品，不能治疗皮肤疾病。</p>
          <span class="id3">【本产品存在多个版本，随机发货，具体以收到实物为准】</span>
        </div>
        <!-- 价格 -->
        <div class="price">
          <div class="selling">
            <span class="pir">售价</span>
            <span class="four">￥459</span>
          </div>
          <div class="newp">
            <div class="vip">
              <img src="./images/VIPpic.png" alt="">
            </div>
            <p>新人首单价<span class="red">436.05</span>元</p>
            <a href="">注册会员</a>
          </div>
        </div>
        <!-- 评价 -->
        <div class="evaluate">
          <span class="eva">评价</span>
          <span class="start">
            <img src="./images/start.png" alt="">
          </span>
          <a href="">（已有<span class="red">484</span>人评价）</a>
        </div>
        <!-- 规格 -->
        <div class="specification">
          <span class="eva">规格</span>
          <div class="type">
            <a href="">清爽型200ml</a>
            <a href="">滋润型200ml型200ml</a>
            <a href="">滋润型200ml滋润型200ml滋润型200ml滋润型200ml</a>
          </div>
        </div>
        <div class="quantity">
          <span class="eva">数量</span>
          <a href="" class="eva1">-</a>
          <input type="text" value="0" class="eva2">
          <a href="" class="eva3">+</a>
        </div>
        <div class="join">
          <a href="#">加入购物车</a>
        </div>
        <div class="safeguard">
          <p><img src="./images/self-support.png" alt="">自营正品保障</p>
          <p><img src="./images/self-support.png" alt="">299元全场包邮</p>
          <p><img src="./images/self-support.png" alt="">30天无理由退货</p>
        </div>
      </div>
      <!-- 联系客服 -->
      <div class="service">
        <div class="Kieh">
          <a href="" class="kieh1">
            <img src="./images/service.png" alt="">
          </a>
          <a href="" class="kieh2">美国雅诗兰黛</a>
          <a href="" class="show">
            <img src="./images/kefu_baise.gif" alt="">
          </a>
        </div>
        <div class="store">
          <a href="">进入店铺</a>
          <a href="">收藏店铺</a>
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="mt">
        <div class="mt1">商品介绍</div>
        <div class="mt2">商品评价</div>
      </div>
      <div class="total">
        <img src="https://images.huitouyu.com/images/pc20200721151ty538_01.jpg" width="920">
        <img src="https://images.huitouyu.com/images/pc20200721151ty538_02.jpg" width="920">
       
      </div>
      <h2 class="yysjy_tit">商品参数</h2>
      <div class="cpcsdak">
        <li>
          <span class="duank">中文名称</span>
          <span class="con">
            美国Estee Lauder雅诗兰黛鲜活亮采红石榴晚霜50ml </span>
        </li>
        <li>
          <span class="duank">所属品牌</span>
          <span class="con">
            雅诗兰黛/Estee Lauder </span>
        </li>
        <li>
          <span class="duank">商品规格</span>
          <span class="con">
            50ml </span>
        </li>
        <li>
          <span class="duank">原产地</span>
          <span class="con">
            美国 </span>
        </li>
        <li>
          <span class="duank">保质期</span>
          <span class="con">
            3年。开封后建议1年内使用完（日期以收到实物为准，图片仅供参考） </span>
        </li>
        <li>
          <span class="duank">适用人群</span>
          <span class="con">
            适合所有肤质 </span>
        </li>
        <li>
          <span class="duank">使用方法</span>
          <span class="con" style="line-height:20px;">
            每晚洁肤后取适量作为面霜涂于脸部和颈部，也可取多量涂于脸部作为晚间睡眠面膜使用。 </span>
        </li>
        <li>
          <span class="duank">储藏方法</span>
          <span class="con">
            置于阴凉干燥，儿童不易触及处 </span>
        </li>
        <li>
          <span class="duank">温馨提示</span>
          <span class="con"
            style=" width: 816px;  line-height:20px;">1、请勿用于有伤疤、湿疹或皮肤炎等部位。2、使用时，如出现皮肤过敏等情况，请停用并向专业医生咨询。3、避免误入眼内，进入眼内时不要揉眼睛，用清水冲洗后向专业医生咨询。</span>
        </li>
        <li>
          <span class="duank">防伪查询</span>
          <span class="con" style=" width: 816px">本品厂商未使用防伪标签，无法查询真伪，谨防上当受骗！回头鱼郑重承诺：所有商品均保证正品，本品支持30天无理由退换！</span>
        </li>
        <div class="cpcs_pic">
          <img width="305px" height="305px" alt="美国Estee Lauder雅诗兰黛鲜活亮采红石榴晚霜50ml"
            src="https://images.huitouyu.com/images/201909/thumb_img/15104_thumb_G_1569523043849.jpg" />
        </div>
      </div>
    </div>
</div>
</body>
<script src="./libs/jquery.js"></script>
<script src="./js/product.js"></script>
</html>